<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // 创建xhr对象
    let xhr = new XMLHttpRequest()
    //https://www.baidu.com/s?wd=223'
    // 请求方式
    xhr.open('GET', 'url')
    //可以设置请求头，一般不设置
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

    //发送请求
    xhr.send();
    //xhr.responseXML 接收 xml格式 的响应数据
    //xhr.responseText 接收 文本格式 的响应数据
    xhr.onreadystatechange =  ()=> {
	    // readyState 是 xhr对象中的属性, 表示状态 0 1 2 3 4
        if(xhr.readyState == 4 ){
            //判断响应码 
            if(xhr.status >= 200 && xhr.status<300){
                //处理行 头 空行 体
                console.log(xhr.status); //状态码
                console.log(xhr.statusText); // 状态码字符串
                console.log(xhr.getAllResponseHeaders()); //所有响应头
                console.log(xhr.response);//响应体
                console.log(xhr.responseText);
                console.log(xhr.responseXML);

            }
           
        }
    } 

</script>

</html>